<%--
  Created by IntelliJ IDEA.
  User: 陈俊雄
  Date: 2018/3/6
  Time: 22:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="utf-8" %>
<!DOCTYPE html>
<html>
<head>
    <%--<style>--%>
    <%--.right-form {--%>
    <%--float: left;--%>
    <%--height: 384px;--%>
    <%--width: 411px;--%>
    <%--text-align: center;--%>
    <%--margin-top: 5%;--%>
    <%--background-color: #fff;--%>
    <%--}--%>
    <%--</style>--%>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>融信汇管理后台登录</title>
    <link rel="icon" href="/favicon.ico" mce_href="/favicon.ico" type="image/x-icon">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="/css/animate.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">

</head>

<script src="/js/jquery/jquery-3.1.1.min.js"></script>
<script src="/js/bootstrap/bootstrap.min.js"></script>

<body style="background:#FFFFFF;">

    <div style="width: 100%;height: 88px;margin: 0 auto;">
        <img src="/img/login/logo.png" style="float: left;margin-top: 20px;margin-left: 20%">
    </div>
        <div style="background: url('/img/login/loginAdmin.png') center;height: 679px" class="col-md-12">
            <div class="col-md-3 col-md-offset-7">
                <div class="ibox-content b-r-md" style="margin-top:111px;">
                    <form class="m-t" role="form" method="post" action="/login">
                        <div><h1 class="text-center p-md" style="color:#357ebd;font-weight: 600;">融信汇后台管理系统</h1></div>
                        <div class="form-group p-xxs clearfix">
                            <input type="text" class="form-control  b-r-xl input-lg col-md-12" name="username" placeholder="请输入您的用户名" required>
                        </div>
                        <div class="form-group p-xxs clearfix">
                            <input type="password" class="form-control  b-r-xl input-lg col-md-12" name="password" placeholder="请输入您的密码" required>
                        </div>
                        <div class="form-group p-xxs clearfix">
                            <input type="submit" class="btn btn-success block full-width m-b b-r-xl btn-lg col-md-12" value="登录">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    <div style="clear: both">
        <h3 class="text-center p-md">Copyright 2000 - 2015 IPS.All Rights Reserved 厦门融信汇网络科技有限公司 闽ICP备17023977号</h3>
    </div>

    <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="warningMsg" data-toggle="modal" id="warningMsg">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="modal-title" id="gridSystemModalLabel" style="text-align:center;font-size: 24px">登录失败</div>
                </div>
                <div style="height: 20px;"></div>
                <div class="modal-body" style="font-size: 15px">
                    ${warning_msg}
                </div>
                <div style="height: 20px;"></div>

                <div class="modal-footer">
                    <center>
                        <button type="button" style="text-align:center" class="btn-sm btn-success" data-dismiss="modal">确定
                        </button>
                    </center>
                </div>
            </div>
        </div>
    </div>

</body>

<script type="text/javascript">

    function centerModals(modalId) {
        $("#" + modalId).each(function (i) {
            var $clone = $(this).clone().css('display', 'block').appendTo('body');
            var top = Math.round(($clone.height() - $clone.find('.modal-content').height()) / 2);
            top = top > 0 ? top : 0;
            $clone.remove();
            $(this).find('.modal-content').css("margin-top", top);
        });
    }


    window.onload = function () {
        if ('${warning_msg}' != '') {
            $(window).on('resize', centerModals('warningMsg'));
            $('#warningMsg').modal('show');
        }
    }
</script>
</html>
